import React from 'react';
import { SourceSide } from '../SourceSide';
import { SourceControl } from '../SourceControl';
import $style from './style.module.less';
import { Editor } from '../Editor';

interface IProps {}

export const Content: React.FC<IProps> = props => (
  <div className={$style.contentWrapper}>
    <div className={$style.sideWrapper}>
      <SourceSide />
    </div>
    <div className={$style.mainWrapper}>
      <div className={$style.topContentWrapper}>
        <div className={$style.topLeftWrapper}>
          <SourceControl />
        </div>
        <div className={$style.topCenterWrapper}>
          <Editor />
        </div>
        <div className={$style.topRightWrapper}>3</div>
      </div>
      <div className={$style.bttomContentWrapper} />
    </div>
  </div>
);
